/*
    Document   : Saori Typography Style
    Created on : Monday, September 17, 2012, 08:49:27 AM
    Author     : Julot
    Description:
        Sets up some sensible default typography.
*/

.flash() {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.round(@radius: 5px) {
	-webkit-border-radius: @radius;
	-khtml-border-radius: @radius;
	border-radius: @radius;
}

div {
	&.flash-error,
	&.flash-alert {
		.flash;
		background: #FBE3E4;
		color: #8a1f11;
		border-color: #FBC2C4;
		a {
			color: #8a1f11;
		}
	}
	&.flash-notice,
	&.flash-warning {
		.flash;
		background: #FFF6BF;
		color: #514721;
		border-color: #FFD324;
		a {
			color: #514721;
		}
	}
	&.flash-success {
		.flash;
		background: #E6EFC2;
		color: #264409;
		border-color: #C6D880;
		a {
			color: #264409;
		}
	}
	&.flash-info {
		.flash;
		background: #d5edf8;
		color: #205791;
		border-color: #92cae4;
		a {
			color: #205791;
		}
	}
	.toolbar {
		margin-bottom: 10px;
	}
}

table {
	&.collapse {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		tr {
			margin: 0;
			padding: 0;
		}
		margin: 0;
		padding: 0;
		&.full {
			width: 100%;
		}
	}
	th, td {
		vertical-align: top;
		&.rjust {
			text-align: right;
		}
		&.center {
			text-align: center;
		}
	}
}

#content {
	ul.operations {
		margin: 0;
		padding: 0;
		li {
			border: none;
			display: inline;
			padding: 0;
			list-style-type: disc;
			a {
				background: none;
				display: inline;
				margin: 0;
				padding: 0;
				img {
					border: 1px solid #D3D3D3;
					padding: 2px;
					.round(3px);
					&:hover {
						border: 1px solid #00A2E8;
					}
				}
			}
		}
	}
}

.center {
	text-align: center;
}

.rjust {
	text-align: right;
}

.ljust {
	text-align: left;
}

.round {
	.round(5px);
}

.stroke {
	border: 1px solid #808080;
}

.monospace {
	font-family: Menlo, Consolas, "Courier New", Courier, mono;
}

.small {
	line-height: normal;
}

.strong,
.bold {
	font-weight: bold;
}

.full,
.fill {
	width: 100%;
}

.button {
	&.last {
		margin-right: 0;
	}
}

.nowrap {
	white-space: nowrap;
}

.grid-view .button-column {
	white-space: nowrap;
}